<template>
    <view>
        <view class="ids">
            <view class="title">
                {{info.name}}
            </view>
            <view class="times">
                {{info.createTime}}
            </view>
            <view class="contents dde" v-html="info.content">

            </view>
        </view>
        <view class="" style="height: 40rpx;">

        </view>
    </view>
</template>

<script>
    import {
        realtimeInfodetail
    } from '@/api/home/index.js'
    export default {
        data() {
            return {

                info: {}
            }
        },
        async onLoad(val) {
            console.log(val.id);
            let res = await realtimeInfodetail({
                id: val.id
            })
            console.log(res);
            this.info = res.data
        },
        methods: {

        }
    }
</script>

<style lang="scss" scoped>
    .dde {
        // font-family: '黑体' !important;
        // letter-spacing: 8rpx;
        line-height: 1.8;
    }

    .ids {
        margin: 30rpx;

        border-radius: 30rpx;
        background-color: #fff;
        box-sizing: border-box;
        padding: 40rpx;
    }

    .title {
        text-align: center;
        font-size: 40rpx;
        font-weight: 700;
    }

    .times {
        padding: 10rpx 0;
        font-size: 26rpx;
        color: #ccc;
    }

    .contents {
        font-size: 32rpx;

    }
</style>